<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />

		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/seach/seach.css" />
	</head>

	<body>
		<div id="seach" v-cloak>
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-arrowleft mui-pull-left"></a>
				<h1 class="mui-title">
			    	<div class="seach_input">
			    		<i></i>
			    		<input type="text" placeholder="搜索全网商品"  v-model="val" id="seachInputs" @focus="seachfocus"/>
			    	</div>
			    </h1>
				<span class="mui-pull-right seach_button" @tap="seachbuttom">搜索</span>
			</header>

			<div class="seach_title" v-show="!show">
				<!--<div>全部</div>
						<div>销量
							<div class="lift">
								<div class="checklift"></div>
								<div></div>
							</div>
						</div>
						<div>价格排序
							<div class="lift">
								<div></div>
								<div></div>
							</div>
						</div>-->
				<div v-for="(sort,index) in sortArr" :class="{'check':index == sortNum}" @tap="clsSort(index)">{{sort.text}}
					<div class="lift" v-if="index>0">
						<div :class="{'checklift': orders == 'asc' && index==sortNum}"></div>
						<div :class="{'checklift': orders == 'desc' && index==sortNum}"></div>
					</div>
				</div>
			</div>

			<div id="pullrefresh" class="mui-content mui-scroll-wrapper" :style="{'padding-top': show ? '44px':'74px'}">
				<div class="mui-scroll">
					<div class="seach" v-if="show">
						<div class="hos_seach" v-show="hotSeach">
							<div class="hos_seach_title">热门搜索</div>
							<div class="hos_seach_list">
								<!--<button type="button" class="mui-btn mui-btn-outlined">PO111111P</button>
								<button type="button" class="mui-btn mui-btn-outlined">POP</button>
								<button type="button" class="mui-btn mui-btn-outlined">POP</button>
								<button type="button" class="mui-btn mui-btn-outlined">POP</button>
								<button type="button" class="mui-btn mui-btn-outlined">POP</button>-->
								<button type="button" class="mui-btn mui-btn-outlined" v-for="hotSeach in hotSeach" @tap="hotSeachTap(hotSeach)">{{hotSeach}}</button>
							</div>
						</div>
						<div class="lately_seach" v-show="seachHistory.length != 0">
							<div class="lately_title">最近搜索</div>
							<div class="lately_list" v-for="seachHistory in seachHistory" @tap.stop="historyTap(seachHistory)">
								<i class="lately_time"></i>
								<span>{{seachHistory}}</span>
								<i class="lately_remove" @tap.stop='removeThis(seachHistory)'></i>
							</div>
							<div class="remove_list" @tap='removehistory'>清空搜索历史</div>
						</div>
					</div>

					<!--搜索结果-->
					<div class="seach_detail" v-else>
						<div class="shop_list" v-for="list in list" @tap.stop="openDetails(list)">
							<div class="shop_img"><img v-lazy="imgCommonUrl + list.pic" /></div>
							<div class="shop_data">
								<div class="shop_time">{{list.name}}</div>
								<div class="shop_text">{{list.brief}}</div>
								<div class="shop_footer">
									<div class="money"><span>￥</span>{{list.cash}}</div>
									<div class="add_shop" @tap.stop="addShopCar(list)"></div>
								</div>
							</div>
							<div></div>
						</div>
					</div>
				</div>
			</div>
			<div class="noshopp">
				<img src="../../images/noshop.png" alt="" />
				<div>没有找到相关的商品信息</div>
				<div>请换一个关键词试试吧</div>
			</div>
			<div class="mui-backdrop" v-show="backdrop"></div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/libs/vue-lazyload.js"></script>
		<script src="../../js/seach/seach.js"></script>
	</body>

</html>